<template>
  <div class="page has-navbar has-tabbar" v-tabbar-menu-index="3">
    <von-header theme="light">
      <span slot="title">我</span>
    </von-header>
    <div class="page-content padding-top">
      <p class="text-left">
        <list class=" hl-list-borderless">
          <item class="item-icon-right">
            <div style="display:flex">
              <div style="flex:1">
                <img src="http://i8.baidu.com/it/u=3483744181,358819117&fm=85&s=9F107F87085753FD2284397A0300D06A"
                     width="60px" height="60px"/>
              </div>

              <div style="flex:4">
                <div>账号：13121091324</div>
                <div>月尽天明</div>
              </div>
            </div>

            <span class="item-note"></span>
            <i class="icon ion-ios-arrow-right" style="height:100%"></i>
          </item>
        </list>
        <list class="hl-list-borderless">
          <item class="item item-icon-left item-icon-right">
            <i class="icon ion-social-yen"></i>
            钱包
            <span class="item-note"></span>
            <i class="icon ion-ios-arrow-right"></i>
          </item>
          <item class="item item-icon-left item-icon-right">
            <i class="icon ion-cube"></i>
            收藏
            <span class="item-note"></span>
            <i class="icon ion-ios-arrow-right"></i>
          </item>
          <item class="item item-icon-left item-icon-right">
            <i class="icon ion-image"></i>
            相册
            <span class="item-note"></span>
            <i class="icon ion-ios-arrow-right"></i>
          </item>
        </list>

        <item class="item item-icon-left item-icon-right" @click.native="$router.forward('/about')">
          <i class="icon ion-gear-a"></i>
          设置
          <i class="icon ion-ios-arrow-right"></i>
        </item>
      </p>
    </div>

  </div>
</template>
